.site-custom-tab-bar{
    z-index: 1;
    background: #fff;
    padding: 0 15px;
}
.container{
}
.fields-box{
    background-color: #fff;
}
.col-title h2{
    font-size: 12px;
    color: #333;
    text-align: left;
    border-bottom: solid 1px #eee;
    padding: 18px;
    line-height: 12px;
    height: 48px;
    margin-bottom: 24px;
}
.package-tips{
    padding-left: 70px;
    font-size: 12px;
    color: #999;
    line-height: 18px;
    overflow: hidden;
}
.common-tips{
    font-size: 12px;
    color: #999;
    line-height: 18px;
    overflow: hidden;
}
.ant-tabs-tabpane {
    outline: none;
}
.package-name-box .ant-form-item{
    margin-bottom: 5px;
}
.previw-title{
    padding: 0 15px;
    h2{
        color: #333;
        font-size: 15px;
        border-bottom: solid 1px #ccc;
    }
}
.desc-container{
    background-color: #fff8eb;
    border: 1px solid #feb800;
    color: #666;
    padding: 10px;
    border-radius: 3px;
    margin: 0 20px 20px;
    position: relative;
    font-size: 12px;
}
.journey-preview .preivew-container .preview-nav {
    color: #fff;
    text-align: center;
    line-height: 20px;
    height: 98px;
    background: url(../imgs/navBgc.png) no-repeat #fff;
    width: 334px;
    margin: 0 auto;
}
.traffic-box{
    padding: 0 20px 10px;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    .name {
        display: inline-block;
        width: 120px;
        margin-left: 5px;
    }
    &:hover{
        background-color: #EEEFF3;
        .close-btn{
            display: block;
        }
    }
}
.close-btn{
    display: none;
    position: absolute;
    right: -5px;
    top: -5px;
    cursor: pointer;
    color: rgb(255, 51, 51);
}
.package-info h3{
    color: #333;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0;
}
.detail-img-box{
    padding-left: 120px;
}
.add-scene-btn{
    width: 120px;
    display: block;
    padding-left: 60px;
}

.add-scene-area-box{
    padding: 0 60px 10px;
    position: relative;
    margin-right: 10px;
    .close-btn{
        right: 10px;
        top: 10px;
    }
    &:hover{
        background-color: #EEEFF3;
        .close-btn{
            display: block;
        }
    }
}
.trip-info-box{
    border-bottom: 1px dashed #eeeff3;
}
.add-trip-info-btn{
    padding-top: 15px;
    text-align: center;
}
.cancel-tips-box{
  padding-top: 5px;
  p{
    margin: 5px 0;
  }
  p:first-child{
    font-size: 12px;
    color: #999;
    line-height: 16px;
  }
  p:nth-child(n+2) {
    &:before{
      content: "";
      width: 3px;
      height: 3px;
      display: inline-block;
      border-radius: 50%;
      background-color: #000;
      position: relative;
      top: -3px;
      margin-right: 5px;
    }
  }
}
.w120{
  width: 120px;
  display: inline-block;
  margin: 0 5px;
}
.mr10-sel{
  margin-right: 10px;
  width: 120px;
}
.day-box{
}
.week-title{
  margin-bottom: 0;
}
.week-title, .days{
  padding: 0;
  display: flex;
  list-style: none;
  li{
    flex: 1;
    text-align: right;
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-right: 3px;
    padding: 5px 6px;
    box-sizing: border-box;
  }
}
.days .calendar-cell{
  background: #F7F8FA;
  border-top: 2px solid;
  border-color: #E6E7EB;
  .calendar-cell-value{
    font-size: 12px;
    text-align: right;
    &>span{
      font-size: 14px;
    }
  }
  &:hover{
    border-color: #5584FF;
    background: #dee8ff;
    color: #5584FF;
  }
}
.days .disabled-day{
  cursor: not-allowed;
  color: #CCC;
  border-top: 2px solid;
  border-color: #E6E7EB;
  .calendar-cell-value{
    font-size: 12px;
    text-align: right;
  }
}
.calendar-cell-content-row{
  display: flex;
  .number-picker{
    flex: 1;
    .ant-input-group-addon{
      font-size: 12px;
      padding: 0 2px;
      color: #999;
      background-color: #F2F3F7;
    }
    ::-webkit-input-placeholder{
      font-size: 12px;
    }
  }
  .w100 .ant-input-number{
    width: 100%;
  }
}
.batch-setting-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #f7f8fa;
  border-top: 2px solid #5584FF;
  padding: 30px;
  .mb15{
    margin-bottom: 20px;
  }
}
.ant-modal-body{
  position: relative;
}